<template lang="html">
  <div id="cartindex">
  	<div class='cartcontent'>
  		<CartContent :commodity='commodity'></CartContent>
  	</div>
  </div>
</template>

<script>
import CartContent from '../../components/cart/CartContent.vue'
export default {
  name:'CartIndex',
  data(){
  	return{
  		"commodity": [
	        {
	            "title": "东北有机红谷小米",
	            "price": "45.5",
	            'introduce': '2016东北有机小米小米小米小米小米小米',
	            'img':require('@/assets/img/cart/shopping1.gif'),
              flag:false
	        },
	        {
	            "title": "东北无机谷大米",
	            "price": "145.5",
	            'introduce': '2016东北有机大米大米大米大米大米大米',
	            'img':require('@/assets/img/cart/shopping2.gif'),
               flag:false
	        },
          {
              "title": "东北无机谷大米",
              "price": "145.5",
              'introduce': '2016东北有机大米大米大米大米大米大米',
              'img':require('@/assets/img/cart/shopping2.gif'),
               flag:false
          }
    	]
  	}
  },
  components:{
  	CartContent
  }
}
</script>
<style lang="less">
#cartindex{
	width: 100%;
  height: 100%;
  background-color:#f1f1f1;
 	top: 0;
  	.cartcontent{
		width: 100%;
		height: 100%;
  	}
}
</style>

